@import "./variables";
.DashLayout .sidebar{
  background: black;
  padding-right: 50px;
  .sidebar-wrapper{
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    .logo{
        padding: 0.8125em 0;
        margin: 0 1.25em;
      p {
        float: left;
        font-size: 1.25rem;
        margin: 0.625em 0.625em;
        line-height: 1.25em;
      }

      .simple-text {
        padding: $padding-small-vertical $padding-zero;
        display: block;
        font-size: 0.9375rem;
        text-align: center;
        // font-weight: $font-weight-bold;
        line-height: 2.875em;
        //text-align: left;
        color: white;
        .logo-img{
          width: 5.375em;
          display: inline-block;
          height: 5.375em;
          //margin-left: 1.6875em;
          // margin-right: 0.625em;
          background: transparent;
          border-radius: 7.5em;
          text-align: center;

          img{
            margin-top: 0.25em;
            //max-width: 8.75em;
            width: 100%;
          }
        }
      }
    }
    .nav {
      //margin-top: 1.25em;

      .nav-item {
        width: 100%;
        color: rgba(255,255,255,0.5);
        .nav-link {
          margin: 0.625em 0;
          padding-left: 1.5625em;
          padding-right: 1.5625em;
          opacity: 0.7;
        }

        &:hover > .nav-link {
          opacity: 1;
        }

        &.active > .nav-link {
          color: $primary-color;
          opacity: 1;
        }
      }

      p {
        margin: 0;
        line-height: 1.875em;
        font-size: 0.875rem;
        font-weight: 200;
        font-family: Poppins, serif;
        text-transform: uppercase;
      }

      i {
        font-size: 1.025rem;
        float: left;
        margin-right: 0.9375em;
        line-height: 1.375em;
        width: 1.875em;
        text-align: center;
      }
    }
    //&:after,
    //&:before {
    //  display: block;
    //  content: "";
    //  position: absolute;
    //  width: 100%;
    //  height: 100%;
    //  top: 0;
    //  left: 0;
    //  z-index: 2;
    //  //@include themed() {
    //  //  background: t('sidebarBackgroundColor');
    //  //}
    //}
    .logo {
      p {
        //@include themed() {
        //  color: t('sidebarTextColor');
        //}
      }

      .simple-text {
        //@include themed() {
        //  color: t('sidebarTextColor');
        //}
      }
    }

  }
}
.DashLayout .main-panel{
  position: relative;
  left: -50px;
  padding-left: 50px;
  margin-right: -50px;
  flex: 1;
  //background: white;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
